<?php
/**
 * The Header template for our theme
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage LebanonTimes
 * @since Lebanon Times 1.0
 */
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width" />
	<title><?php wp_title( '|', true, 'right' ); ?></title>
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/bootstrap.css">
	<link href="<?php echo get_template_directory_uri(); ?>/bootstrap-responsive.css" rel="stylesheet">
	<link href="<?php echo get_template_directory_uri(); ?>/css/jquery.mCustomScrollbar.css" rel="stylesheet" />

	<script src="<?php echo get_template_directory_uri(); ?>/jquery.js"></script>
	<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	<script src="<?php echo get_template_directory_uri(); ?>/bootstrap.js"></script>
	<script src="<?php echo get_template_directory_uri(); ?>/application.js"></script>

	<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.mCustomScrollbar.min.js"></script>

	<?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
	<!--[if lt IE 9]>
	<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
	<![endif]-->
	<?php wp_head(); ?>

	<!--[if !IE]><!-->
	<link href="<?php echo get_template_directory_uri(); ?>/css/font.css" rel="stylesheet" type="text/css">
	<script src="https://webfont-fix.googlecode.com/svn/trunk/font-fix.js" type="text/javascript"></script>
	<!--<![endif]-->

	<!--[if gte IE 9]>
	<style type="text/css">
		.main-navigation ul.nav-menu li, .main-navigation div.nav-menu > ul li {
			padding-left: 16px;
			padding-right: 16px;
		}
	</style>
	<![endif]-->
</head>

<body <?php body_class(); ?>>
	<div id="fb-root"></div>
	<script>
	(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=8897832102";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
	</script>

	<div class="headerContainer">
		<div class="container">
			<div class="header">
				<?php if ( get_header_image() ) : ?>
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
				<?php endif; ?>
				<div style="float: right; vertical-align: top; padding: 20px 20px 0px 0px;"><?php get_search_form(); ?></div>
				<div style="float: right; height: 45px; line-height: 25px; padding: 20px 20px 0 0; font-family: sans-serif; color: #FFF; font-size: 14px;"><?php echo date("l, M j, Y"); ?></div>
			</div>
		</div>
	</div>
	<div id="topPart">
		<div class="container">
			<div class="row">
				<div class="span8 pull-right">
					<nav id="site-navigation" class="main-navigation" role="navigation">
						<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
						<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
						<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
					</nav><!-- #site-navigation -->
				</div>
				<div class="span3">
					<div style="clear: both; width: 100%; height: 26px; padding: 10px 0px 10px 0px;">
					<div class="pull-left" style="margin-right: 5px;">
						<div class="fb-like" data-href="<?php echo esc_url( home_url( '/' ) ); ?>" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
					</div>
					<div class="pull-left" style="margin-right: 5px;">
					    <a href="https://twitter.com/lebanontimes" class="twitter-follow-button" data-show-screen-name="false" data-show-count="true" data-width="80px" data-lang="en" data-size="standard">Follow @lebanontimes</a>
						<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
					</div>
					<div class="pull-left">
						<!-- Place this tag where you want the +1 button to render. -->
						<div class="g-plusone" data-size="medium" data-href="<?php echo esc_url( home_url( '/' ) ); ?>"></div>

						<!-- Place this tag after the last +1 button tag. -->
						<script type="text/javascript">
						  (function() {
						    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
						    po.src = 'https://apis.google.com/js/platform.js';
						    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
						  })();
						</script>
					</div>
				</div>
				</div>
			</div>
		</div>
	    <div id="page" class="container">
